@charset "utf-8";
/* 
 * Project Name:圣凯建筑
 * Author:cyh
 * Date：2019-05-20
 */
@font-face {
    font-family: 'dinCond-Medium';
    src: url('../fonts/dincond-medium-webfont.eot');
    src: url('../fonts/dincond-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/dincond-medium-webfont.woff') format('woff'),
         url('../fonts/dincond-medium-webfont.ttf') format('truetype'),
         url('../fonts/dincond-medium-webfont.svg#novecentowide-bold-webfont') format('svg');
    font-weight: normal;
    font-style: normal;
}html,body,a,p,span,ul,img,a{ padding:0; word-break:break-all; margin:0; list-style:none; border:none; font-size:14px; line-height:25px; font-family:"Microsoft Yahei","Arial"; color:#666;}
p{line-height:25px;}
img{ border:none; vertical-align:middle;}
td{ vertical-align:center; font-size:14px;}
body{ background:#fff; overflow-x:hidden;}
/* 链接样式 */
a {text-decoration:none; outline:none;}
a:visited {text-decoration:none; outline:none;}
a:hover {text-decoration:none; outline:none;}

/* 常用元素 */
.clear { clear:both; font-size:1px; line-height:0px; height:0px; }

/* 层浮动 */
.left { float: left; }
.right{ float: right; }
.center { margin: 0 auto; }

/* 文字对齐 */
.tleft { text-align:left; }
.tright { text-align:right; }
.tcenter {text-align:center; }

* html,* html body /* 修正IE6振动bug */{background-image:url(about:blank);background-attachment:fixed;}
.fl
{
    float: left;
}
.fr
{
    float: right;
}
.l,
.r
{
    width: 50%;
}
/* 主体内容开始
-------------------------------------------------------------- */

.page { margin: 0 auto; width:100%; height: auto; }
.content{ width:100%; margin: 0 auto;}


#pages{padding-top:5px; margin:0 auto; padding:25px 0; }
#pages a{border: 1px solid #DDD;color: #333;margin: 2px;padding: 2px 5px;text-decoration: none;font-size:13px;}
#pages a:hover{border: 1px solid #DDD;color: #333;margin: 2px;padding: 2px 5px;text-decoration: none;background: #195091;color:#FFF;font-size:13px;}
#pages span {background: #195091;border: 1px solid gainsboro;color: white;font-weight: bold;margin: 2px;padding: 2px 5px;font-size:12px;}

/*--首页产品--*/
.back-top{display:block; width:54px; height:54px; border-radius:50%; background:#333 url(../images/top.png) no-repeat center; position:fixed; right:30px; bottom:138px; color:#fff; text-align:center; line-height:60px; animation:Top linear 2s infinite; transition:ease .65s; z-index:1000;
}
@keyframes Top{
	50%{box-shadow:0 0 20px rgba(4,18,102,1);}	
}
/*--banner--*/
.pusher { transition: transform 0.7s cubic-bezier(0.19, 1, 0.22, 1) 0s; -webkit-transition: transform 0.7s cubic-bezier(0.19, 1, 0.22, 1) 0s; width: 100%;}
.pusher-black { position: fixed; width: 100%; height: 100%; left: 0px; top: 0px; background: url(../images/black_50.png) repeat; background:none rgba(0,0,0,0.5); display: none; z-index: 900; }
.slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-loading .slick-list { background: #00865e url(../images/loader.gif) center center no-repeat; }
.slick-list.dragging { cursor: pointer; cursor: hand; }
.slick-slider .slick-list, .slick-track, .slick-slide, .slick-slide img { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.slick-track { position: relative; left: 0; top: 0; display: block; zoom: 1; }
.slick-track:before, .slick-track:after { content: ""; display: table; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }
.slick-slide { float: left; height: 100%; min-height: 1px; display: none; }
.slick-slide img { display: block; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }

.slick-prev, .slick-next { position: absolute; display: block; height: 50px; width: 50px; line-height: 0; font-size: 0; cursor: pointer; background: transparent; color: transparent; padding: 0; border: none; outline: none; }
.slick-dots { position: absolute; bottom: -45px; list-style: none; display: block; text-align: center; padding: 0px; width: 100%; }
.slick-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0px 5px; padding: 0px; cursor: pointer; }
.slick-dots li button { border: 0; background: transparent; display: block; height: 20px; width: 20px; outline: none; line-height: 0; font-size: 0; color: transparent; padding: 5px; cursor: pointer; outline: none; }
.slick-dots li button:focus { outline: none; }
@-webkit-keyframes scaleUpDown {
    from { -webkit-transform: scale(1.08); transform: scale(1.08); }
    to { opacity: 1;  -webkit-transform: scale(1); transform: scale(1);}
}

@keyframes scaleUpDown {
    from { -webkit-transform: scale(1.08); transform: scale(1.08);}
    to { opacity: 1;  -webkit-transform: scale(1); transform: scale(1);}
}

.align-vertical { height: 100%; width: 100%; position: relative; display: table; }
.vertical-inner { display: table-cell; vertical-align: middle; }
.bannerBox{ position: relative; overflow: hidden; color: #fff; background-color: #f3f3f3;}
.bannerBox .banner{ visibility: hidden; transition: visibility 300ms; -webkit-transition: visibility 300ms;}
.bannerBoxShow .banner{ visibility: visible;}
.banner .pimg{ display: block; width: 100%;}
.banner .item{ position: relative; overflow: hidden; z-index: 10;}
.binbox{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: block;}

.banner .slick-dots{ bottom: 3%; z-index: 105; display:none !important; }
.banner .slick-dots li{ position: relative; display: inline-block; margin: 0px;  margin: 0px 4px; width: 10px; height: 10px;cursor: pointer;   border-radius:50%;}
.banner .slick-dots li a{ height:10PX; width:10px; display: block; cursor: pointer; background-color:rgba(100%,100%,100%,0.8); border-radius:50%;  font-size:0;}
.banner .slick-dots li.slick-active a{  height:10PX; width:10px; display: block; cursor: pointer; background-color:#ae8e50; border-radius:50%;   font-size:0;}
.banner .slick-dots li a:focus{ outline: none; }
.banner .slick-dots li.slick-active a { opacity: 1; visibility: visible; transform: scale(1); -webkit: scale(1); }
.banner .slick-arrow{  width:50px; height:50px; z-index: 9;  top:50%; margin-top: -32px;}
.banner .slick-arrow i{ width: 100%; height: 100%; display: block; transition: 300ms; -webkit-transition: 300ms;}
.banner .slick-prev{ left: 6%; }
.banner .slick-next{ right: 6%;}
.banner .slick-prev i{ background: url(../images/ban_left.png) no-repeat;}
.banner .slick-next i{ background: url(../images/ban_right.png) no-repeat;}
.banner .slick-prev:hover i{ background: url(../images/ban_lefth.png) no-repeat;}
.banner .slick-next:hover i {background: url(../images/ban_righth.png) no-repeat;}
.banner .slick-prev:hover i{ transform: translateX(-5px); -webkit-transform: translateX(-5px);}
.banner .slick-next:hover i{ transform: translateX(5px); -webkit-transform: translateX(5px);}

.banner .item{ opacity:1 !important;}
.banner .item h3{ position:absolute; left:10%; width:80%; bottom:20%; text-align:center; font-size:36px; color:#fff; font-weight:normal;}
.mouse{ width:80px; text-align:center; position:absolute; left:50%; margin-left:-40px; bottom:15px; cursor:pointer;}
.mouse p{font-size:14px; color:#fff; line-height:40px;}
.mouse img{ display:block; margin:0 auto; animation:upDown 2s linear infinite;}
@media (max-width:1300px) {
.banner .item h3{ font-size:26px; bottom:25%; }
}
@media (max-width:1200px) {
.mouse{ display:none;}
.banner .item h3{ font-size:20px; bottom:15%; }
}

@-webkit-keyframes slideIn { 0% {-webkit-transform:translateX(100%);opacity:1;} 100% {-webkit-transform:translateX(0);opacity:1;} } 
@keyframes slideIn { 0% {transform:translateX(100%);opacity:1;} 100% {transform:translateX(0);opacity:1;} } 
@-webkit-keyframes imgIn { 0% {-webkit-transform:-webkit-translateX(-85%);opacity:1;} 100% {-webkit-transform:-webkit-translateX(0);opacity:1;}}
@keyframes imgIn { 0% {transform:translateX(-85%);opacity:1;} 100% {transform:translateX(0);opacity:1;}}
.banner .slick-active.item {-webkit-animation: slideIn 1600ms cubic-bezier(0.190, 1, 0.420, 1); animation: slideIn 1600ms cubic-bezier(0.190, 1, 0.420, 1); -moz-animation: slideIn 1600ms cubic-bezier(0.190, 1, 0.420, 1);}
.banner .slick-active .pimg { -webkit-animation: imgIn 1600ms cubic-bezier(0.190, 1, 0.420, 1); animation: imgIn 1600ms cubic-bezier(0.190, 1, 0.420, 1); -moz-animation: imgIn 1600ms cubic-bezier(0.190, 1, 0.420, 1); } 
@media (max-width:1500px) {
.homeban{ margin-top:105px;}
}
@media (max-width:768px) {
.homeban{ margin-top:60px;}
.back-top{ right:10px; }
.banner .slick-prev{ left: 10%; }
.banner .slick-next{ right: 10%;}
.back-top{ right:10px; bottom:20px;}
}

@keyframes upDown {
  0% {
    transform: translateY(-6px);
  }
  50% {
    transform: translateY(0px);
  }
 100% {
    transform: translateY(-6px);
  }
}
@keyframes am1 {
  0% {
    opacity: 0;
    transform: scale(1.8,1.8);
  }
  100% {
    opacity: 1;
    transform: scale(1,1);
  }
}
@-webkit-keyframes am1 {
  0% {
    opacity: 0;
    transform: scale(1.8,1.8);
  }
  100% {
    opacity: 1;
    transform: scale(1,1);
  }
}
@-moz-keyframes  am1{
  0% {
    opacity: 0;
    transform: scale(1.8,1.8);
  }
  100% {
    opacity: 1;
    transform: scale(1,1);
  }
}
@-o-keyframes am1 {
  0% {
    opacity: 0;
    transform: scale(1.8,1.8);
  }
  100% {
    opacity: 1;
    transform: scale(1,1);
  }
}
.solution-box > .casek {
  -webkit-perspective:1300px;
  -o-perspective:1300px;
  -ms-perspective:1300px;
  perspective:1300px;
  -webkit-transform-style:preserve-3d;
  -o-transform-style:preserve-3d;
  -ms-transform-style:preserve-3d;
  transform-style:preserve-3d;
}
.solution-box .is_animated {
  -webkit-transition-duration:1.2s;
  -webkit-transition-property:-webkit-transform,opacity;
  -webkit-transition-delay:.15s;
  -webkit-transition-timing-function:'ease-in-out';
  -moz-transition-duration:1.2s;
  -moz-transition-property:all;
  -moz-transition-delay:.15s;
  -moz-transition-timing-function:'ease-in-out';
  -o-transition-duration:1.2s;
  -o-transition-property:transform,opacity;
  -o-transition-delay:.15s;
  -o-transition-timing-function:'ease-in-out';
  -ms-transition-duration:1.2s;
  -ms-transition-property:transform,opacity;
  -ms-transition-delay:.15s;
  -ms-transition-timing-function:'ease-in-out';
  transition-duration:1.2s;
  transition-property:transform,opacity;
  transition-delay:.15s;
  transition-timing-function:'ease-in-out';
  -webkit-transform:rotatex(-80deg) translateZ(0);
  -ms-transform:rotatex(-80deg) translateZ(0);
  transform:rotatex(-80deg) translateZ(0);
  -webkit-transform-origin:0 0 0;
  -ms-transform-origin:0 0 0;
  transform-origin:0 0 0;
  opacity:0
}
.solution-box .is_animated.revealed {
  -webkit-transform:rotatex(0) translateZ(0);
  -ms-transform:rotatex(0) translateZ(0);
  transform:rotatex(0) translateZ(0);
  opacity:1
}
.solution-box > .casek .tansDelay00{transition-delay: 0s;-webkit-transition-delay: 0s;}
.i_content { margin:30px 0;}
.i_content img{ max-width:100%;}
.i_three{ position:relative; display:block; width:100%; overflow:hidden;}
.i_top{ position:absolute; left:0; top:0; width:100%; height:100%; box-sizing:border-box; text-align:center; padding-top:14%; transition:all 0.5s;}
.i_top h2{ font-size:24px; font-weight:bold; color:#fff;}
.i_bop{ position:absolute; left:0; bottom:100%; padding:30px;transition:all 1s;}
.i_bop h2{ font-size:24px; font-weight:bold; color:#fff; padding-bottom:15px; background:url(../images/white.png) no-repeat 0 bottom;}
.i_bop h3{ font-size:18px; color:#fff; line-height:30px; margin:10px 0; height:60px; overflow:hidden;}
.i_three:hover .i_top{ top:-100%;}
.i_three:hover .i_bop{ bottom:0%;}
.i_three>img{ width:100%;}
/*内容开始*/ 
.five ul li{ position:relative; overflow:hidden;}
.five ul li a{ display:block; position:absolute; left:0; top:0; width:100%; height:100%; background-color:rgba(0,0,0,0.6); box-sizing:border-box; padding:15% 8%; transition:all 0.2s;}
.five ul li>img{ width:100%;transition:all 0.5s;}
.five ul li a h3{font-size:20px; color:#fff;} 
.five ul li a:hover{ background:url(../images/irights.png) no-repeat 90% center;}
.five ul li a img{ transition:all 0.5s;}
.five ul li a:hover img{ transform:translateY(-10px)}
.five ul li:hover{ background-position:right center;}
.five ul li:hover>img{ transform:scale(1.05)}
.five .owl-dots,.five .owl-nav{ display:none;}
@media (max-width:1300px) {
.five ul li a{ padding:10% 5%; transition:all 0.5s;}
.five ul li a img{ height:40px;}
.five ul li a h3{font-size:16px; line-height:30px; margin:0;} 
}
@media (max-width:768px) {
.five ul li a img{ height:35px;}
.five ul li a h3{ line-height:40px; } 
}
 
.about{ background:url(../images/grey.jpg) no-repeat center; background-size:cover; padding:50px 0; margin-bottom:50px;} 
.ititle h2{ color:#0071c1; line-height:40px; font-size:30px; margin:0; padding-bottom:12px; background:url(../images/blue.png) no-repeat 0 bottom;}
.ititle h2 a{ color:#ababab; line-height:40px; font-size:14px; float:right;}
.ititle h2 a:hover{ color:#0071c1; }
.ititle{ margin-bottom:50px;} 
.itro p{ color:#666; line-height:26px; font-size:15px; margin-bottom:20px;}
.ihonor li{color:#666; line-height:36px; font-size:17px; font-weight:bold;}
.new{ position:relative; margin-bottom:30px; overflow:hidden;}
.new a{ display:block; position:absolute; left:0; top:0; width:100%; height:100%; background:url(../images/black.png) repeat-x 0 bottom; box-sizing:border-box; padding:40% 30px 0;} 
.new a p { font-family:'dinCond-Medium'; color:#fff; line-height:26px; font-size:20px;}
.new a h3{ color:#fff; line-height:28px; font-size:17px; margin:0; height:56px; overflow:hidden;}
.new>img{transition:all 0.5s;}
.new:hover>img{transform:scale(1.1);} 
.inew{ margin-bottom:30px;}
.footer{ background-color:#0071c1; padding-top:30px;} 
.links{ width:250px; z-index:2; position:absolute; bottom:42px; padding:10px 0; height:140px; overflow-x:hidden; overflow-y:auto; background-color:#c1e3fc;}
.links li a{ font-size:14px; padding:0 15px; display:block; color:#333; line-height:32px; display:block;}
.links li a:hover{ color:#0071c1;}
.links li a img{ margin:0 auto;}
.position{ position:relative; width:250px; height:42px; float:right; margin-top:15px; }
.hides{ display:none; } 
.footer h2{ font-size:18px; color:#fff; line-height:36px;} 
.footer ul.fnav li{ width:33.33%; float:left;}
.footer ul.fnav li a{ display:block; color:#94c6ea;font-size:14px;line-height:36px; } 
.footer ul.fnav li a:hover{ color:#fff; } 
.footer p,.footer a{ color:#94c6ea;font-size:14px;line-height:36px; word-break:break-all;} 
.ship{ line-height:42px; height:42px; width:100%; border-radius:24px; background:#c1e3fc url(../images/down.png) no-repeat 90% center; font-size:14px; color:#0071c1; box-sizing:border-box; padding:0 30px; cursor:pointer;}
.fright{ margin-top:30px;}
.fright a{ float:right !important; width:40px !important; height:40px !important; border-radius:50%; background-color:#0e629d !important; color:#fff !important; font-size:20px !important;}
.fright a#share1{ background:url(../images/share.png) no-repeat center;} 
.fright a#share2{ background:url(../images/sina.png) no-repeat center;} 
.fright a#share3{ background:url(../images/we.png) no-repeat center;} 
.fline{ margin-top:30px; border-top:1px solid rgba(255,255,255,0.1); padding:15px 0;} 
.fline .fleft,.fline .fleft a{ color:#fff;font-size:14px;line-height:26px;}
.fline .fleft{ float:left;} 
.fline  p{ color:#fff;font-size:14px;line-height:26px; text-transform:uppercase;}
@media (max-width:1260px) {
.ihonor li{ font-size:15px; line-height:30px;}
.new a{ padding:30% 15px 0;} 
}
@media (max-width:1180px) {
.ititle h2{ line-height:30px; font-size:20px; padding-bottom:10px;}
.ititle{ margin-bottom:30px;} 
.links{ width:200px;}
.position{ width:200px; }
}
@media (max-width:992px) {
.flink { display:none;}
.footer{ padding-top:10px;} 
.new a h3{ line-height:24px; font-size:15px; height:48px; }
.about{ padding:30px 0; margin-bottom:30px;} 
}
@media (max-width:768px) {
.ihonor{ margin-bottom:20px;}
.inew{ margin-bottom:10px;}
.footer h2{ font-size:16px; line-height:26px;} 
.footer ul.fnav li a{ line-height:24px; } 
.footer p,.footer a{ line-height:24px; } 
.fline .fleft,.fline .fleft a{line-height:20px;}
.fline  p{line-height:20px; }
.fline{ margin-top:20px; } 
}
 /*公司简介*/
.bannerword{ padding-top:160px;  height:328px;}
.bannerword h3{font-size:32px; color:#fff; text-align:right; line-height:50px }
.secmenu{ width:100%; position:relative; min-height:75px; box-shadow:1px 3px 9px #eee;}
.h-title{width:100%;min-height:38px;position:relative;text-align:left;line-height:35px; padding:20px 0;background-color:#fff; }
.h-title i{display: block;width:54%;position: absolute;left: 0;bottom: 0;height: 4px;background-color: #0071c1;}
.h-title a{ display:inline-block; font-size:18px;color:#3c3c3c; font-family:'黑体'; padding:0 50px 0 0;cursor: pointer;transition: all 0.5s;-webkit-transition: all 0.5s;}
.h-title a.on,.h-title a:hover{color: #0071c1}
.seclink{color:#0071c1 !important;}
.abouts{ padding:50px 0 20px;}
.intitle{ font-size:32px; color:#333333; line-height:40px; margin:0 0 30px; padding-bottom:20px; background:url(../images/grey.png) no-repeat 0 bottom;} 
.abouts p{ font-size:14px; color:#666; line-height:24px; margin-bottom:20px;} 
.history{ padding:30px; box-sizing: border-box; height:358px; margin-bottom:50px;}
.history h3{ font-size:24px; color:#333333; line-height:30px; margin:0px 0 10px;}
.history h4{ font-size:14px; color:#666; line-height:20px; text-transform:uppercase; padding-bottom:10px; background:url(../images/greys.png) no-repeat 0 bottom;}
.history ul{ max-height:205px; overflow-y:auto;}
.history ul li{ font-size:14px; color:#666; line-height:26px;}
.vedio{ box-sizing: border-box; height:415px; margin-bottom:50px;}
@media (max-width:768px) {
.abouts{ padding:20px 0 10px;}
.intitle{ font-size:20px; line-height:30px; margin:0 0 15px; padding-bottom:10px; } 
.history{ padding:20px 15px; height:auto; margin-bottom:20px;}
.vedio{height:auto;margin-bottom:30px;}
.bannerword{ padding-top:100px;  height:240px;}
.bannerword h3{font-size:24px;  }
.h-title a{ font-size:14px; padding:0; line-height:30px; width:25%; height:30px; overflow:hidden; float:left; text-align:center; }
.secmenu{ min-height:auto; }
.h-title{ padding:12px 0; }
}
/*企业文化*/
.cultures{ padding:50px 0 40px;}
.tab_box .ctab{ display:none;}
.tab_box .ctab.active{ display:block;}
.culture li{ width:14.28%; box-sizing:border-box; float:left; text-align:center; padding:20px 0 20px;background:#fff url(../images/bright.png) no-repeat right center; cursor:pointer;}
.culture li h3{ padding:46px 0 0px; font-size:18px; color:#333; margin:0;}
.culture li:nth-child(1) h3{ background:url(../images/c1.png) no-repeat center 0;}
.culture li:nth-child(2) h3{ background:url(../images/c2.png) no-repeat center 0;}
.culture li:nth-child(3) h3{ background:url(../images/c3.png) no-repeat center 0;}
.culture li:nth-child(4) h3{ background:url(../images/c4.png) no-repeat center 0;}
.culture li:nth-child(5) h3{ background:url(../images/c5.png) no-repeat center 0;}
.culture li:nth-child(6) h3{ background:url(../images/c6.png) no-repeat center 0;}
.culture li:nth-child(7) h3{ background:url(../images/c7.png) no-repeat center 0;}
.culture li:nth-child(1).on h3{ background:url(../images/cu1.png) no-repeat center 0;}
.culture li:nth-child(2).on h3{ background:url(../images/cu2.png) no-repeat center 0;}
.culture li:nth-child(3).on h3{ background:url(../images/cu3.png) no-repeat center 0;}
.culture li:nth-child(4).on h3{ background:url(../images/cu4.png) no-repeat center 0;}
.culture li:nth-child(5).on h3{ background:url(../images/cu5.png) no-repeat center 0;}
.culture li:nth-child(6).on h3{ background:url(../images/cu6.png) no-repeat center 0;}
.culture li:nth-child(7).on h3{ background:url(../images/cu7.png) no-repeat center 0;}
.culture li.on h3{ color:#fff;}
.culture li.on{ background:#0071c1;}
.ctab{ padding:40px 50px; min-height:345px; box-sizing:border-box;}
.tabcontent h3{font-size:24px; color:#fff; line-height:30px; margin-bottom:25px;}
.tabcontent p{font-size:14px; color:#fff; line-height:24px; margin-bottom:15px;}
.mean p{font-size:14px; color:#666; line-height:26px; margin-bottom:20px;}
.mean{ margin-bottom:50px;}
.mean img{ max-width:100%;}
@media (max-width:1150px) {
.culture li h3{ font-size:16px; }
}
@media (max-width:992px) {
.culture li h3{ font-size:14px; }
}
@media (max-width:768px) {
.culture li{ width:33.33%; padding:15px 0 15px; height:95px; }
.ctab{ padding:20px 15px; }
.cultures{ padding:20px 0 20px;}
.tabcontent h3{font-size:20px; color:#fff; line-height:26px; margin-bottom:15px; margin-top:0;}
.mean{ margin-bottom:30px;}
 }
/*荣誉资质*/

#zoom {
	z-index: 99990;
	position: fixed;
	top: 0;
	left: 0;
	display: none;
	width: 100%;
	height: 100%;
	background:url(../images/meibg.png) repeat;
	filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)"; z-index:99999;
}
#zoom .content {
	z-index: 99991;
	position: absolute;
	top: 50%;
	left: 50%;
	width:1000px;
	background: #ffffff no-repeat 50% 50%;
	padding: 0;
	margin: -100px 0 0 -100px;
	box-shadow: -20px 20px 20px rgba(0, 0, 0, 0.3);
	border-radius: 4px;
}
#zoom .content.loading {
	background-image: url('../images/loading.gif');
}
#zoom img {
	display: block;
	max-width: none;
	background: #ececec;
	box-shadow: 0 1px 3px rgba(0,0,0,0.25);
	border-radius: 4px;
}
#zoom .close {
	z-index: 99993;
	position: absolute;
	top: 0;
	right: 0;
	width: 49px;
	height: 49px;
	cursor: pointer;
	background: transparent url('../images/close.png') no-repeat 50% 50%;
	opacity: 1;
	filter: alpha(opacity=100);
	border-radius: 0 0 0 4px;
}
#zoom .previous,
#zoom .next {
	z-index: 99992;
	position: absolute;
	top: 50%;
	overflow: hidden;
	display: block;
	width: 51px;
	height: 50px;
	margin-top: -25px;
}
#zoom .previous {
	left: 0;
	background: url('../images/zuoshou.png') no-repeat;
}
#zoom .next {
	right: 0;
	background: url('../images/youshou01.png') no-repeat;
}
#zoom .previous:hover{background: url(../images/zuoshou01.png) no-repeat 0 0;}
#zoom .next:hover{background: url(../images/youshou.png) no-repeat 0 0;}

.zoomed > .container01{-webkit-filter:blur(3px);filter:blur(3px);}
.gallery{list-style-type:none;margin:0;}
.gallery li{ margin-bottom:30px;}
.gallery li span{ display:block; font-size:16px; color:#333333; line-height:24px; padding:15px 0; transition: all 0.4s ease;}
.gallery li a{ width:100%; height:100%; display:block; position:relative;}
.gallery li b{width:100%; height:100%; display:block; background:rgba(0,113,193,0.8) url(../images/fang.png) no-repeat center; position:absolute; top:0; left:0; display:none;-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;}
.gallery li:hover b{ display:block;}
/*翻页*/
.pages{ margin:0 auto 50px; text-align: center; box-sizing:border-box;}
.pages:after{ clear:both; content:''; width:0px; display:block; height:0px; visibility:hidden;}
.pages a{border: 1px solid #DDD; display:inline-block; line-height:38px;
    color: #333;
    margin: 0 1px;
    padding:0 15px; height:40px;
    text-decoration: none;
    font-size:14px;
    }
.pages a:hover{border:1px solid #0071c1; text-decoration: none; color:#fff; padding:0 15px; height:40px; line-height:38px; background-color:#0071c1; font-size:14px;}
.pages span { display:inline-block; border: 1px solid #0071c1;  background-color:#0071c1;color: #fff; line-height:38px; padding:0 15px; height:40px; font-size:14px; margin:0 2px;}
@media (max-width:768px) {
.pages{ padding-top:0px; margin:0 auto 30px;  text-align: center; box-sizing:border-box;}
.gallery li{ margin-bottom:10px;}
}

.reward li{ background-color:#fff; margin-bottom:30px; padding:20px 50px;}
.reward li h2{ color:#0071c1; font-size:46px; font-family:'dinCond-Medium'; margin:10px 0;}
.reward li h2 img{ float:right; transition:all 0.6s; cursor:pointer; margin-top:20px; }
.rtable{ width:100%;}
.rtable tr th { padding:0 30px 0 0;}
.rtable tr th h3{ color:#333333; font-size:17px; font-weight:bold; line-height:50px; margin:0 0 15px; border-bottom:1px solid #ddd;}
.rtable tr td{ color:#666; font-size:14px; line-height:24px; padding:4px 0; }
.reward li h2 img.rotate{ transform:rotate(180deg);}
@media (max-width:768px) {
.reward li h2{ font-size:30px; }
.reward li{ padding:10px; margin-bottom:15px;}
.reward li h2 img{ margin-top:10px; }
.reward li p{ line-height:26px; }
.rtable tr th{ padding:0;}
.rtable tr th h3{ font-size:14px; line-height:24px; margin:0 0 10px; padding-bottom:10px;}
.rtable tr td{ line-height:20px; padding:4px 5px 4px 0; }
}
/*合作伙伴*/
.partner li{ width:23%; float:left; margin-right:2.6%;  margin-bottom:2.6%; overflow:hidden; box-sizing:border-box; padding-top:2%; background-color:#fff; text-align:center; height:130px; border:1px solid #ddd;}
.partner li:nth-child(4n){ margin-right:0%;}
.partner li img{ max-width:80%;}
.service{ background-color:#fff;margin-bottom:20px;}
.service ul li{ width:50%; float:left; }
.shegight{ width:100%; height:445px;}
.servier{ padding:30px 40px;}
.servier h2{ color:#0071c1; font-size:24px; line-height:40px; margin:0;}
.servier h3{ color:#b1c6cf; font-size:14px; line-height:20px; margin:0; text-transform:uppercase; padding-bottom:10px; background:url(../images/grey.png) no-repeat 0 bottom; margin-bottom:25px;}
.scontent{ height:280px; overflow-y:auto;}
.scontent p{color:#666; font-size:14px; line-height:26px; }
.contact li{ float:left; width:60%;}
.contact li:last-child{ width:40%;}
.contact li p{color:#666; font-size:14px; line-height:42px;}
.contact li p span{ display:inline-block; margin-right:5px;}
.contacts h3{color:#333; font-size:26px; line-height:36px; margin:0 0 20px;}
.contacts{ background:url(../images/light.png) no-repeat 48% center; margin-bottom:40px;}
@media (max-width:1260px) {
.contact li{ float:none; width:100%;}
.contact li:last-child{ width:100%;}
}

@media (max-width:768px) {
.partner li{ width:49%; float:left; margin-right:2%; height:100px; padding-top:6%;}
.partner li:nth-child(2n){ margin-right:0%;}
.service ul li{ width:100%; float:none; }
.shegight{  height:200px;}
.servier{ padding:20px 10px;}
.scontent{ height:auto; }
.contact li p{ line-height:30px;}
.contacts h3{ font-size:20px; line-height:36px; margin:15px 0;}
.contact li p span{ margin-right:0px; width:25px;}
.contacts{ background:none; margin-bottom:30px;}
}
/*新闻中心*/
.newlist{ padding:50px 0 30px;}
.newimg{ height:260px;}
.news{ display:block; margin-bottom:30px; background-color:#fff; transition:all 0.5s; height:485px; overflow:hidden;}
.newcnent{ padding:20px 25px 60px; background:url(../images/n1.png) no-repeat 25px 85%;}
.newcnent span{color:#c8c8c8; font-size:18px; line-height:20px;font-family:'dinCond-Medium'; }
.newcnent h3{color:#3c3c3c; font-size:16px; line-height:26px; height:52px; overflow:hidden; margin:10px 0;}
.newcnent p{color:#666; font-size:14px; line-height:24px; height:48px; overflow:hidden; }
.newd{ display:block; margin-bottom:30px; background-color:#fff; transition:all 0.5s; }
.newcnend{ padding:40px 25px 60px; background:url(../images/n1.png) no-repeat 25px 93%;height:485px; overflow:hidden; box-sizing:border-box;}
.newcnend span{color:#c8c8c8; font-size:18px; line-height:20px;font-family:'dinCond-Medium'; }
.newcnend h3{color:#3c3c3c; font-size:16px; line-height:26px; height:52px; overflow:hidden; margin:10px 0 50px;}
.newcnend p{color:#666; font-size:14px; line-height:24px; height:168px; overflow:hidden; }
.news:hover{ box-shadow:1px 1px 13px #ccc; transform:translateY(-10px);}
.news:hover .newcnent{ background:url(../images/n2.png) no-repeat 25px 85%;}
.newd:hover{ box-shadow:1px 1px 13px #ccc; transform:translateY(-10px);}
.newd:hover .newcnend{ background:url(../images/n2.png) no-repeat 25px 93%;}

@media (max-width:1100px) {
.newimg{ height:160px;}
.news{ height:380px;  }
.newd{ height:380px;}
.newcnend{ padding:20px 15px 50px;  height:380px;background:url(../images/n1.png) no-repeat 15px 93%;transition:all 0.5s; }
.newcnend h3{ margin:10px 0 20px;}
.newcnent{ padding:20px 15px 50px; background:url(../images/n1.png) no-repeat 15px 85%; transition:all 0.5s;}
}
/*加入我们*/
.zhaopin{ padding-top:50px; padding-bottom:30px;}
.zhaopin .zhaoxian { background:#fff; padding:40px 30px;  margin-bottom:30px;-webkit-transition: all 0.6s ease;
	transition: all 0.6s ease;}
.zhaopin .zhaoxian .z_tit{ border-bottom:1px solid #e7e7e7; padding-bottom:20px;}
.zhaopin .zhaoxian .z_tit b{ color:#3c3c3c; font-size:20px;display:block; font-weight:normal; line-height:30px; height:30px; overflow:hidden; max-width:100%;}
.zhaopin .zhaoxian .shixi h5{ font-size:16px; color:#333; margin-bottom:10px;}
.zhaopin .zhaoxian .shixi p{ font-size:14px; color:#666; line-height:26px;}
.zhaopin .zhaoxian .shixi{ padding-top:23px; height:210px; overflow:hidden;}
.zhaopin .zhaoxian a{ width:76px; height:35px; display:block; text-align:center; font-size:14px; color:#0071c1; line-height:35px; margin-top:30px;}
.zhaopin .zhaoxian:hover{ background:#0071c1 url(../images/zpren.png) no-repeat bottom right;}
.zhaopin .zhaoxian:hover .z_tit span{ color:#fff;}
.zhaopin .zhaoxian:hover .z_tit b{ color:#fff;}
.zhaopin .zhaoxian:hover .shixi h5{ color:#fff;}
.zhaopin .zhaoxian:hover .shixi p{ color:#fff;}
.zhaopin .zhaoxian:hover a{ border-bottom:2px solid #fff; color:#fff;}
.join ,.join a{ font-size:16px; line-height:26px; color:#333; margin-bottom:30px;}
@media (max-width:768px) {
.zhaopin .zhaoxian { padding:20px 15px;}
.zhaopin{ padding-top:30px; padding-bottom:10px;}
.zhaopin .zhaoxian .z_tit b{ font-size:18px; line-height:20px; height:20px; }
}

/*招聘详情*/
.talented{ background-color:#fff; padding:20px 30px;}
.talented h2{ font-size:24px; color:#333; font-weight:bold; line-height:36px; margin:0; margin-bottom:20px;}
.talented ul li{ font-size:15px; color:#666;  line-height:30px; width:50%; float:left;}
.talented h3{ font-size:14px; color:#222; line-height:36px; font-weight:bold; margin-top:10px;}
.talented p{ font-size:14px; color:#666; line-height:28px; }
.btn_apply a{ display:inline-block; padding:0 16px; border-radius:2px; line-height:40px; font-size:15px; color:#0071c1; background-color:#efefef; margin:30px 10px 50px 0; transition:all 0.3s; box-sizing:border-box;  border-bottom:3px solid #efefef; }
.btn_apply a:first-child{ background-color:#0071c1; color:#fff;  border-bottom:3px solid #0071c1;}
.btn_apply a:hover{ background-color:#0071c1; color:#fff; border-bottom:3px solid #037bad;}
.hot{ background-color:#fff; padding:30px 20px; margin-bottom:30px;}
.hot h2{ font-size:20px; color:#333; font-weight:bold; line-height:26px; margin:0;}
.hot ul li a{ display:inline-block;font-size:15px; color:#666; line-height:34px; transition:all 0.3s;}
.hot ul li a:hover{ color:#0071c1;}
.hot h2 i{color:#0071c1;}
@media (max-width:768px) {
.talented{ background-color:#fff; padding:10px 15px; margin-bottom:20px;}
.talented h2{ font-size:18px; line-height:20px; margin-bottom:10px;}
.talented ul li{ width:100%; float:none;}
.contents{ padding-top:30px;}
.btn_apply a{ padding:0 12px; line-height:34px; font-size:14px; margin:20px 10px 30px 0; }
.hot{ padding:10px 15px 20px; }

}
.megai div img{ display: block; margin:0px auto; width:auto;}
.megai strong{ background:none; }

.article{ margin-bottom:30px; border-bottom:1px solid #d8e0e3; padding-bottom:20px;}
hr{ border-color:#d8e0e3;}
.article p{ font-size:15px; color:#666; line-height:24px; margin-bottom:15px;}
.article img{ display:block; margin:20px auto; max-width:100% !important; height:auto !important;}
.bdsharebuttonbox span { float:left; line-height:32px; color:#a2a2a2; font-size:13px; line-height:40px;}
.bdsharebuttonbox a{ display:inline-block; width:36px; height:36px;}
.article_title{font-size:30px; color:#333; line-height:40px; font-weight:bold; margin:10px 0;}
.article_time{font-size:13px; color:#a2a2a2; line-height:40px; margin-right:40px;}
.bottom_link{ text-align:center; margin-bottom:60px;}
.bottom_link a{ display:inline-block; width:46px; height:46px; line-height:46px; border-radius:50%; transition:all 0.5s; font-size:0px; margin:0 3px;}
.recommend{ background-color:#f6f6f6; padding:20px 20px 5px; margin-bottom:50px;}
.recommend h2{font-size:20px; color:#0071c1; line-height:36px; font-weight:bold; margin:0 0 15px;}
.recommend ul li a{ display:block; border-bottom:1px solid #d7d7d7; padding-bottom:20px; margin-bottom:15px;}
.recommend ul li a h3{font-size:16px; color:#333; line-height:30px; height:30px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.recommend ul li a span{font-size:13px; color:#a2a2a2; line-height:30px; }
.recommend ul li a p{font-size:14px; color:#666; line-height:24px; height:48px; overflow:hidden;}
.recommend ul li:last-child a{border-bottom:none;}
.recommend ul li a:hover h3{ color:#0071c1;}
.return{ background-color:#0071c1; border:1px solid #0071c1; margin-top:10px; color:#fff; text-align:center; width:120px; line-height:40px; display:block;}
.return:hover{ background-color:#fff; color:#0071c1; }
.flinks{ margin:30px 0 50px;}
.flinks p,.flinks a{ font-size:15px;}
@media (max-width:768px) {
.article_title{font-size:20px; line-height:30px; margin-top:0px;}
.bottom_link a{ width:40%;margin:0 5px; height:46px; line-height:46px;}
.article , .bottom_link{ margin-bottom:30px;}
.recommend{ margin-bottom:30px;}
}
/*作品展示*/
.works{ padding-top:50px; padding-bottom:20px;}
.work{ position:relative; margin-bottom:30px;}
.design{ position:absolute; cursor:pointer; left:0; top:0; width:100%; transition:all 0.5s;  height:100%; background-color:rgba(0,0,0,0.2); box-sizing:border-box; padding:20px;}
.design h3{font-size:18px; color:#fff; line-height:30px; margin:0;}
.design p{font-size:14px; color:#fff; line-height:24px; margin-top:20px; transition:all 0.5s; visibility:hidden;}
.design:hover p{ visibility:visible; transform:translateY(-20px);}
.design:hover{ background-color:rgba(0,113,193,0.7);}
.dpump .modal-title{ font-size:30px; color:#333;}
.dpump .modal-header{ border-bottom:none;}
.dpic img{ width:100%;}
.dpic .owl-dots{ position:absolute; width:100%; bottom:10px; left:0; width:100%; z-index:1000;}
.dpic .owl-nav{ position:absolute; width:100%; left:0; width:100%; z-index:1000; top:36%;}
.dpic .owl-nav .owl-prev{ float:left; background-color:transparent;}
.dpic .owl-nav .owl-next{ float:right; background-color:transparent;}
.dpic .owl-nav button span{ font-size:0px; display:inline-block; width:24px; height:45px; color:#fff; font-weight:bold;}
.dpic .owl-nav button.owl-prev span{ background:url(../images/pleft.png) no-repeat center;}
.dpic .owl-nav button.owl-next span{ background:url(../images/pright.png) no-repeat center;}
.dpic .owl-nav button:hover{ background-color: transparent;}
.dlist li{ padding:20px 0; border-bottom:1px solid #ddd;}
.dlist li h3{font-size:16px; color:#666; line-height:30px; margin:0;}
.dlist li p{font-size:15px; color:#333; line-height:24px;  }
@media (max-width:768px) {
.dpic .owl-nav{ top:30%;}
.dpump .modal-title{ font-size:24px; }
.dlist li{ padding:10px 0; }
}
/*社会荣誉*/
.honor{ padding-top:50px; padding-bottom:40px;}
.bgwhite{ background-color:#fff; margin-bottom:30px; padding:20px;}
.yleft{ width:8%; float:left;}
.hright{ width:92%; float:right;}
.yleft h3{color:#0071c1; font-size:40px; line-height:50px; margin:10px 0 0; font-family:'dinCond-Medium';}
.hright table tr th{ padding:4px 20px; border:none; }
.hright table tr th h3{ color:#333; font-size:17px; font-weight:bold; line-height:50px; border-bottom:1px solid #ddd; margin:0;}
.hright table tr td{ padding:0px 20px; border:none; color:#666; font-size:14px; line-height:38px; }
.bigimg{ font-size:20px; cursor:pointer; color:#999;}
.hright table tr:hover td{ color:#0071c1;}
.bigimg:hover { color:#0071c1;}
.rtable tr td,.rtable tr th{ width:33%;}
.hright tr td:nth-child(1),.hright tr th:nth-child(1){ width:35%;}
.hright tr td:nth-child(2),.hright tr th:nth-child(2){ width:30%;}


@media (max-width:1100px) {
.yleft{ width:100%; float:none;}
.hright{ width:100%; float:none;}
.hright table tr th{ padding:4px 4px; }
.hright table tr td{ padding:6px 4px;line-height:24px; }
}
@media (max-width:600px) {
.hright table tr th:nth-child(3){ display:none;}
.hright table tr td:nth-child(3){ display:none;}
.hright table tr th:nth-child(2){ display:none;}
.hright table tr td:nth-child(2){ display:none;}
.yleft h3{  font-size:30px; line-height:30px; }
.bgwhite{ margin-bottom:20px; padding:10px;}
.honor{ padding-top:30px; padding-bottom:20px;}
.rtable tr td:nth-child(3),.rtable tr th:nth-child(3){ display:none;}
.rtable tr td,.rtable tr th{ width:50%;}
.hright tr td:nth-child(1),.hright tr th:nth-child(1){ width:85%;}

}